body{
    margin:0;
    padding-left:100px;
	padding-right: 100px;
    text-align: center;
	background-color: #FAFAD2;
}

table td{
    vertical-align: top;
    padding: 0;
}

table,td,tr{
    border-collapse: collapse;
}

h1{
	font: bold 84% 'trebuchet ms',helvetica,sans-serif;
	font-size:18pt;
}

p,h3{
	font: bold 84% 'trebuchet ms',helvetica,sans-serif;
}

h2 {
	font: bold 84% 'trebuchet ms',helvetica,sans-serif;
	font-size:15pt;
}

h4{
	font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
	line-height: 0em;
}

/****HEADER****/
.header{
    background: black;
	height: 34px;
	width: auto;
	margin-left: -100px;
	margin-right:-100px;
	padding-left:100px;
    text-align: left;
}

.header #konten {
	width: 200px;
	height: 34px;
	z-index: 4;
	float: left;
	position: relative;
}

.header #logo {
	padding-top:2px;
	float: left;
	width: 100px;
	height: 34px;
}

.header #konten button {
	color:white; 
	font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:black; 
	border:1px solid; 
	border-color: black white black white;
	height: 34px;
}

.header #konten button:hover {
	background-color:#070;
}

.header #home button{
	color:white; 
	font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:black; 
	border:1px solid; 
	border-color: black black black white;
	height: 34px;
	float:right;
}

.header #tombol button{
	color:white; 
	font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:black; 
	border:1px solid; 
	border-color: black white black white;
	height: 34px;
	float:right;
	margin-right:100px;
}

.header #styles select{
	color:#708090; 
	font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:white; 
	border:1px solid; 
	border-color: black black black white;
	height: 34px;
	float:right;
	width: 200px;
}

.header #home button:hover {
	background-color:#070;
}

.header #tombol button:hover {
	background-color:#070;
}

.head {
	width: 300px;
	margin-left:0px;
	margin-top:10px;
	text-align:left;
}

/****CONTENT HOME****/
.content {
	height: auto;
	width: auto;
	margin-left: 0px;
	margin-right:-200px;
	padding-left:100px;
    text-align: left;
}

.content .container {
	height: 400px;
	width: 30%;
	margin-top:10px;
	margin-left:-10%;
    text-align: left;
	background: #FFFFFF;
	float: left;
}

.content .container2 {
	height: 400px;
	width: 30%;
	margin-top:10px;
	margin-left:1%;
    text-align: left;
	background: #FFFFFF;
	float: left;
}

.content .container .konten1 {
	width: 100%;
	margin-top:2.5%;
	margin-left:2.5%;
    text-align: left;
}

.content .container .konten1 p {
	line-height: 0em;
}

.content .container .konten1 button {
	float:right;
	margin-right:5%;
	border:1px solid;
	border-color: black;
	font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:white;
}

.content .container2 .konten1 {
	width: 100%;
	margin-top:2.5%;
	margin-left:2.5%;
    text-align: left;
}

.content .container2 .konten1 p {
	line-height: 0em;
}

.content .container2 .konten1 button {
	float:right;
	margin-right:5%;
	border:1px solid;
	border-color: black;
	font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:white;
}

.content .container2 .konten2 {
	width: 100%;
	margin-top:2.5%;
	margin-left:2.5%;
    text-align: left;
}

.content .container2 .konten2 h3 {
	width: 95%;
	line-height:1.3em;
	font-size: 13pt;
}

.content .container2 .konten2 p {
	line-height: 0em;
}

.content .container2 .konten2 button {
	float:right;
	margin-right:5%;
	border:1px solid;
	border-color: black;
	font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:white;
}

.post button{
	float:right;
	margin-top: 10px;
	margin-right: 0%;
	border-color: black;
	font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:white;
}


/***CONTENT DAFTAR***/
.content_daf {
	height: 1480px;
	width: auto;
	margin-left: 50px;
	margin-right:50px;
	padding-left:100px;
    text-align: left;
	margin-top:50px;
}

.content_daf .content {
	height: 130px;
	width: 100%;
	margin-bottom:20px;
	margin-left:-100px;
}

.content_daf .garis hr {
	width: 92%;
	margin-left:0px;
	margin-right:100px;
}

.content_daf .content .gambar{
	margin:5px;
	float: left;
}

.content_daf .content .text{
	margin-left:20px;
}

.content_daf .content .link{
	margin:5px;
	float: left;
	width: 160px;
}

.content_daf .content .link p{
	line-height: 1.2em;
	background-color: white;
}

.content_daf .content .text .dislike{
	float: right;
	margin-right:75px;
}

.content_daf .content .text button{
	float:right;
	margin-right:5%;
	border:1px solid;
	border-color: black;
	font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:white;
}

.content_daf .content .text p{
	line-height:1em;
}

#daf button{
	float:right;
	margin-top: 10px;
	margin-right: 12.5%;
	border-color: black;
	font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:white;
}

/******konten utama 1*******/
.content_1 {
	height: 800px;
	width: 820px;
	margin-left: 100px;
    text-align: left;
	margin-top:50px;
	background-color: white;
}

.content_1 .judul {
	margin-left: 10px;
	margin-top:5px;
	margin-right: 10px;
}

.content_1 .judul h1{
	margin-left: 10px;
	margin-top:5px;
	margin-right: 10px;
	float: left;
}

.content_1 .like p{
	margin-left: 10px;
	margin-top:13px;
	margin-right: 10px;
	float: right;
	font-size: 13pt;
}

.content_1 .like button{
	margin-left: 5px;
	margin-top:5px;
	margin-right: 5px;
	float: right;
	border: 1px solid;
	background-color: white;
}

.content_1 .like {
	margin-left: 10px;
	margin-top:5px;
	margin-right: 10px;
}

.content_1 .isi {
	margin-left: 10px;
	margin-top:0px;
	margin-right: 10px;
}

.content_1 .isi h3{
	padding-top: 75px;
	font-size: 13pt;
	color: black;
}

.content_1 .input_komen h1{
	margin-left: 10px;
	margin-right: 10px;
	width: 800px;
}

.content_1 .input_komen #text_com {
	margin-left: 10px;
	border: 1px solid;
	border-color: black;
	margin-right: 10px;
	width: 800px;
}

.content_1 .input_komen #button_com {
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	float: right;
}

.content_1 .input_komen hr {
	margin-left: 10px;
	margin-top: 20px;
	margin-right: 10px;
	width: 800px;
}

.content_1 .header_komen h1{
	margin-left: 10px;
	padding-top: 5px;
	margin-right: 10px;
	width: 800px;
}

.content_1 .header_komen hr{
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	width: 800px;
}

.content_1 .komen {
	padding-bottom: 0px;
}

.content_1 .komen .text{
	margin-left: 10px;
	padding-top: 5px;
	margin-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	width: 800px;
	background-color: yellow;
}

.content_1 .komen .text h4{
	line-height: 1em;
}

.content_1 .komen .user{
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 0px;
	margin-top: 0px;
	width: 800px;
	font-size: 9pt;
}

.content_1 .komen .user p {
	line-height: 0em;
}

.content_1 .komen .garis{
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 0px;
	margin-top: 0px;
	width: 800px;
}

#kont button{
	float:right;
	margin-top: 10px;
	margin-right: 8.5%;
	border-color: black;
	font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:white;
}


/**
	CSS Halaman Registrasi 
*/
/**body.registrasi
{font:100% normal Arial, Helvetica, sans-serif; background:#FAFAD2;}*/

.box {
	margin:0 auto;
	width:500px;
	background:#FAFAD2;
	position:relative;
	top:0px;
	
	
}
.box form, .box input, .box select, .box textarea {margin:0; padding:0; color:black;}

.box h1 {
	color:black;
	font-size:18pt;
	text-transform:uppercase;
	padding:5px 0 5px 5px;	
}

.box label{
	width:100%;
	display: block;
	font-size:15pt;
	background:#90EE90;
	border-top:1px solid white;
	border-bottom:1px solid white;
	padding:10px 0 10px 0;
}

.box label span.spaninvalid{
	display: block;	
	color:red;
	font-size:14pt;
	float:left;
	width:100px;
	text-align:right;
	padding:5px 20px 0 0;
}


.box label span.spanvalid {
	display: block;
	color:blue;
	font-size:14pt;
	float:left;
	width:100px;
	text-align:right;
	padding:5px 20px 0 0;
}


.box .text {
	padding:10px 10px;
	width:200px;
	background:#FAFAD2;
	border-bottom: 1px double #171717;
	border-top: 1px double #171717;
	border-left:1px double #333333;
	border-right:1px double #333333;
}

.box .about {
	padding:7px 7px;
	width:350px;
	background:#FAFAD2;
	border-bottom: 1px double #171717;
	border-top: 1px double #171717;
	border-left:1px double #333333;
	border-right:1px double #333333;
	overflow:hidden;
	height:150px;
}


.box .daftarenabled{
	margin:0 0 10px 0;
	padding:4px 7px;	
	color:white;	
	background-color:black;
	border:0px;
	position: relative;
	top:10px;
	left:382px;
	width:100px;	
}




.box .daftarenabled:hover {
	background-color:#070;
}


.box .daftardisabled { 
	margin:0 0 10px 0;
	padding:4px 7px;		
	border:0px;
	position: relative;
	top:10px;
	left:382px;
	width:100px;	
	color:#707070;
	background-color:#C8C8C8 ;				
}

